﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ext.Master" AutoEventWireup="true" CodeBehind="Ext.Toolbar.aspx.cs" Inherits="Demo.Toolbar.Ext_Toolbar" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.create('Ext.toolbar.Toolbar', {
                renderTo: document.body,
                width: 500,
                items: [
                    {
                        // xtype: 'button', // default for Toolbars
                        text: 'Button'
                    },
                    {
                        xtype: 'splitbutton',
                        text: 'Split Button'
                    },
                    // begin using the right-justified button container
                    '->', // same as { xtype: 'tbfill' }
                    {
                        xtype: 'textfield',
                        name: 'field1',
                        emptyText: 'enter search term'
                    },
                    // add a vertical separator bar between toolbar items
                    '-', // same as {xtype: 'tbseparator'} to create Ext.toolbar.Separator
                    'text 1', // same as {xtype: 'tbtext', text: 'text1'} to create Ext.toolbar.TextItem
                    { xtype: 'tbspacer' },// same as ' ' to create Ext.toolbar.Spacer
                    'text 2',
                    { xtype: 'tbspacer', width: 50 }, // add a 50px space
                    'text 3'
                ]
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>
